<template>
  <el-popover
    placement="top-start"
    title="Title"
    :width="200"
    trigger="click"
    content="this is content, this is content, this is content"
  >
    <template #reference>
      <div class="result">
        <div>{{ result }}</div>
        <div>
          <el-icon-arrowdown></el-icon-arrowdown>
          <el-icon-arrowup></el-icon-arrowup>
        </div>
      </div>
    </template>
  </el-popover>
</template>

<script setup lang="ts">
import { ref } from "vue";
let result = ref("请选择");
</script>

<style scoped lang="scss">
.result {
  display: flex;
  align-items: center;
}
svg {
  width: 1em;
  height: 1em;
}
</style>
